<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mashura HTML Template | Portfolio Detail</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Four -->
    <header class="main-header header-style-four">
		
		<!-- Header Upper -->
        <div class="header-upper">
        	<div class="auto-container">
            	<div class="clearfix">
                	
                	<div class="pull-left logo-box">
                    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" title=""></a></div>
                    </div>
                   	
                   	<div class="nav-outer clearfix">
						<!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><span class="icon fa fa-ellipsis-h"></span></div>
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li class="dropdown"><a href="#">Home</a>
										<ul>
											<li><a href="index.html">Home Page 01</a></li>
											<li><a href="index-2.html">Home Page 02</a></li>
											<li><a href="index-3.html">Home Page 03</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">About Us</a>
										<ul>
											<li><a href="about.html">About Us</a></li>
											<li><a href="team.html">Team</a></li>
											<li><a href="pricing.html">Pricing</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">Blog</a>
                                        <ul>
                                            <li><a href="blog.html">Our Blog</a></li>
											<li><a href="blog-classic.html">Blog Classic</a></li>
											<li><a href="blog-detail.html">Blog Detail</a></li>
											<li><a href="not-found.html">Not Found</a></li>
                                        </ul>
                                    </li>
									<li class="current dropdown"><a href="#">Portfolio</a>
                                        <ul>
                                            <li><a href="portfolio.html">Portfolio 01</a></li>
                                            <li><a href="portfolio-two.html">Portfolio 02</a></li>
											<li><a href="portfolio-three.html">Portfolio 03</a></li>
											<li><a href="portfolio-four.html">Portfolio 04</a></li>
											<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
                                        </ul>
                                    </li>
									<li><a href="contact.html">Contact Us</a></li>
								</ul>
							</div>
							
						</nav>
						
					</div>
                   
                </div>
            </div>
        </div>
        <!-- End Header Upper -->
        
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
				<div class="pull-left logo-box">
					<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title="Bootcamp"></a></div>
				</div>
				<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            	<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				
				<!-- Mobile Menu Info -->
				<div class="mobile-menu-info">
					<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
					<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
				</div>
				
				<!-- Newsletter Form -->
				<div class="newsletter-form">
					<form method="post" action="contact.html">
						<div class="form-group">
							<input type="email" name="email" value="" autocomplete="off" placeholder="Newsletter" required>
							<button type="submit" class="theme-btn fa fa-envelope"></button>
						</div>
					</form>
				</div>
				
            </nav>
			
        </div><!-- End Mobile Menu -->
		
    </header>
    <!-- End Main Header -->
	
	<!-- Page Title Section -->
    <section class="page-title-two-section" style="background-image:url(images/background/6.jpg)">
		<div class="auto-container">
			<div class="content">
				<h1>Portfolio</h1>
				<div class="text">Freelance Ui/UX Designer With over 15 years of experience</div>
			</div>
		</div>
	</section>
	<!-- End Page Title Section -->
	
	<!-- Portfolio Detail Section -->
	<section class="portfolio-detail-section">
		<div class="auto-container">
			<div class="row clearfix">
			
				<!-- Image Column -->
				<div class="images-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
					
						<!-- Image -->
						<div class="image">
							<a href="images/gallery/30.jpg" data-fancybox="portfolio-5" data-caption=""><img src="images/gallery/30.jpg" alt="" /></a>
						</div>
						
						<!-- Image -->
						<div class="image">
							<a href="images/gallery/31.jpg" data-fancybox="portfolio-5" data-caption=""><img src="images/gallery/31.jpg" alt="" /></a>
						</div>
						
						<!-- Image -->
						<div class="image">
							<a href="images/gallery/32.jpg" data-fancybox="portfolio-5" data-caption=""><img src="images/gallery/32.jpg" alt="" /></a>
						</div>
						
					</div>
				</div>
				
				<!-- Content Column -->
				<div class="content-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column sticky-top">
						<h2>3D Mockups</h2>
						<div class="category">\\  3D, design</div>
						<div class="text">
							<p>Possim sapientem in eos. Cum graeci civibus app areat ne, sed omy at, usu id illud utamur eleifend. Has ei sonet tincidunt, eil sit placerat Mel nonumy impetus minim partem deseruise.</p>
							<p>Et vix tempor primis singulis, ut appareat dissent tiet sed vim novum tur dico varet per dicat copio sae reprimique vim labore.</p>
							<p>Sunt in culpa qui officia deserunt mollit animd est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
						</div>
						<a href="#" class="theme-btn btn-style-one"><span class="txt">\\  visit project</span></a>
						<h5>Project Info</h5>
						<ul>
							<li><span class="icon flaticon-user"></span> Created By:  George Burner</li>
							<li><span class="icon flaticon-calendar"></span> Completed On:  March 29, 2020</li>
							<li><span class="icon flaticon-high-volume"></span> Skills Used:  Nikon DSLR, Photoshop</li>
							<li><span class="icon flaticon-trophy-1"></span> Client:  BizNet Media Inc.</li>
							<li><span class="icon flaticon-share"></span> <a href="#" class="fa fa-twitter"></a> <a href="#" class="fa fa-facebook"></a> <a href="#" class="fa fa-google"></a> <a href="#" class="fa fa-behance"></a></li>
						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Portfolio Detail Section -->
	
	<!-- Related Portfolio Section -->
	<section class="related-portfolio-section">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<h2>Recent In Portfolio<span class="theme_color">.</span></h2>
			</div>
			
			<div class="row clearfix">
				
				<!-- Project Block -->
				<div class="project-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<img src="images/gallery/33.jpg" alt="" />
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a class="icon" data-fancybox="portfolio" data-caption="" href="images/gallery/33.jpg"><img src="images/icons/plus.png" alt="" /></a>
									</div>
								</div>
							</div>
						</div>
						<div class="lower-content">
							<div class="category">\\  The Mockup</div>
							<h2><a href="portfolio-detail.html">Desk With Yellows</a></h2>
						</div>
					</div>
				</div>
				
				<!-- Project Block -->
				<div class="project-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<img src="images/gallery/34.jpg" alt="" />
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a class="icon" data-fancybox="portfolio" data-caption="" href="images/gallery/34.jpg"><img src="images/icons/plus.png" alt="" /></a>
									</div>
								</div>
							</div>
						</div>
						<div class="lower-content">
							<div class="category">\\  The Mockup</div>
							<h2><a href="portfolio-detail.html">Desk With Yellows</a></h2>
						</div>
					</div>
				</div>
				
				<!-- Project Block -->
				<div class="project-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<img src="images/gallery/35.jpg" alt="" />
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a class="icon" data-fancybox="portfolio" data-caption="" href="images/gallery/35.jpg"><img src="images/icons/plus.png" alt="" /></a>
									</div>
								</div>
							</div>
						</div>
						<div class="lower-content">
							<div class="category">\\  The Mockup</div>
							<h2><a href="portfolio-detail.html">Desk With Yellows</a></h2>
						</div>
					</div>
				</div>
				
			</div>
			
		</div>
	</section>
	<!-- End Related Portfolio Section -->
	
	<!-- Main Footer -->
    <footer class="main-footer style-two">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Logo Column -->
				<div class="left-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" /></a>
						</div>
						<div class="copy">© 2020</div>
						
						<!-- Newsletter Form -->
						<div class="newsletter-form-two">
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="email" name="email" value="" autocomplete="off" placeholder="Subscribe Newsletter" required>
									<button type="submit" class="theme-btn fa fa-envelope"></button>
								</div>
							</form>
						</div>
						
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="right-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Mobile Menu Info -->
						<div class="mobile-menu-info clearfix">
							<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
							<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>
	<!-- End Main Footer -->
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>